.webcam-capture {
  display: flex;
  flex-direction: column;
  align-items: center;
  
  .webcam {
    border-radius: 8px;
    margin-bottom: 16px;
  }
  
  .capture-button {
    margin-bottom: 16px;
  }

  .retake-button {
    margin-top: 16px;
  }
  
  .camera-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 400px;
    height: 300px;
    background-color: #f0f2f5;
    border-radius: 8px;
    
    p {
      margin-bottom: 16px;
      color: #ff4d4f;
      font-size: 16px;
    }
  }

  .captured-image-container {
    width: 400px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 8px;
    background-color: #f0f2f5;
    
    .captured-image {
      width: 100%;
      height: 100%;
      object-fit: contain;
      border-radius: 8px;
    }
  }
} 